<template>
  <div id="app">
   <router-view/>
  </div>


  
</template>
<script>
export default {
  name: 'App',
  created() {
    const oldStore = sessionStorage.getItem('store')
    // 第一次进入页面时为null，后面如果刷新页面将会有值，则会替换Vuex里面的数据
    if (oldStore !== null) {
      this.$store.replaceState(
        Object.assign({}, this.$store.state, JSON.parse(oldStore))
      )
    }
    // 监听页面刷新，将store里面的数据保存到sessionStorage
    window.addEventListener('beforeunload', () => {
      sessionStorage.setItem('store', JSON.stringify(this.$store.state))
    })
  },
 }
</script>






<style lang="less" >
// 这里的scoped不能加,要作用域所有的地方
 html,body,h3{
  margin:0;
  padding:0;
 }

</style>